html, body {
    width: 100%;
    height: 100%;
    background: white;
}

/*==========game_banner==========*/
.game_banner {
    width: 100%;
    height: 300px;
    background: url(../images/gamebanner.png) no-repeat center;
    background-size: cover;
}

/*==========brang_video游戏中心==========*/
.brang_video {
    position: relative;
    top: 15px;
    width: 1250px;
    height: 1580px;
    text-align: center;
}

.b_content {
    margin-top: 20px;
    width: 100%;
    height: 740px;
}

.b_content_infro {
    float: left;
    width: 50%;
    height: 338px;
    line-height: 28px;
}

.b_content_infro:nth-of-type(1) {
    background: url(../images/gamepic1.jpg) no-repeat;
    background-size: 100%;
}

.b_content_infro:nth-of-type(4) {
    background: url(../images/gamepic2.jpg) no-repeat;
    background-size: 100%;
}

.b_content_infro:nth-of-type(5) {
    background: url(../images/gamepic3.jpg) no-repeat;
    background-size: 100%;
}

.b_content_infro:nth-of-type(8) {
    background: url(../images/gamepic4.jpg) no-repeat;
    background-size: 100%;
}

.b_c_infro_t {
    margin-top: 30px;
    font-size: 40px;
    color: #2E93D6;
    text-align: left;
    text-indent: 30px;
}

.b_c_infro_con {
    text-align: left;
    width: 90%;
    color: #666666;
    margin-top: 20px;
    font-size: 17.5px;
}

.b_c_btn {
    margin-top: 40px;
    text-align: left;
    text-indent: 30px;
}

.b_c_btn:hover {
    cursor: pointer;
}

.b_c_t2 {
    text-indent: 0;
    margin-left: 0;
}

/* 弹出框 */
.branch-proup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10001;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 5px 5px 0 0;
}

.branch-proup-content {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 240px;
    height: 320px;
    border: 1px solid #ccc;
    margin-top: -160px;
    margin-left: -160px;
    background-color: #fff;
    border-radius: 5px;
}

.branch-proup-txt {
    text-align: center;
    margin: 15px auto;
}

.branch-proup-txt p {
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    color: #000;
    font-weight: 600;
}

.branch-proup-img {
    text-align: center;
    padding: 10px;
}

.branch-proup-img img {
    width: 195px;
}

/*==========contact_us联系我们==========*/
.contact_us {
    position: relative;
    top: 30px; /*距离顶部30px*/
    width: 100%;
    height: 210px;
    background: #F0F0F0;
}

.contact_con {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 1250px;
    height: 170px;
}

.con_list {
    float: left;
}

.c_c_one {
    height: 100%;
    width: 170px;
}

.c_c_two {
    margin-top: 30px;
    margin-left: 160px;
    height: 80%;
    width: 450px;
}

.con_list_title {
    font-size: 22px;
    font-weight: bold;
    color: #606060;
    padding-left: 15px;
    border-left: 3px solid #208CD4;
}

.c_l_wx {
    margin-top: 15px;
    height: 50px;
    width: 100%;
}

.wx_img {
    position: absolute;
    top: 25px;
    left: 140px;
    width: 5%;
    display: none;
}

.wx_img2 {
    position: absolute;
    top: 90px;
    left: 140px;
    width: 5%;
    display: none;
}

.c_l_wx:hover {
    cursor: pointer;
}

.c_l_wx:hover .wx_img {
    display: block;
}

.c_l_wx:hover .wx_img2 {
    display: block;
}

.c_l_wx img {
    float: left;
    margin-left: 20px;
    margin-top: 8px;
}

.wx_font {
    float: left;
    font-size: 14px;
    color: #111111;
    margin-left: 10px;
}

.c_l_wb {
    margin-top: 15px;
}

.c_l_wb .wx_font {
    margin-left: 14px;
}

.c_c_t_con {
    margin-top: 30px;
}

.c_c_t_con img {
    float: left;
    margin-right: 10px;
}

.c_mail {
    font-size: 14px;
    color: #111111;
    margin-left: 15px;
}

.c_c_address {
    margin-top: 40px;
}

.c_c_address img {
    margin-right: 17px;
}

@media screen and (max-width: 1250px) {
    .game_banner, .contact_us {
        width: 1250px;
    }
}